<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>尚生活——引领健康时尚生活方式</title>
    <link href="../images/title.ico" rel="shortcut icon">
    <link rel="stylesheet" href="../css/maikaolinreset.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <section>
        <div class="logBack">
            <section class="logWrap">
                <h1>
                    <img src="../images/qnh_newlogo.png" alt="尚生活，健康爱时尚">
                </h1>
                <div class="logFace">
                    <div class="logMax"></div>
                    <div class="logList">
                        <p class="logHead">还不是会员？
                            <a href="javascript:;"title="免费注册">免费注册</a>
                            <a href="javascript:;"title="贵宾激活">贵宾激活</a>
                        </p>
                        <form class="logBody" method="post" id="form">
                            <label class="logBtext">
                                <i class="logIcon"></i>
                                <input type="text" name="user" value=""placeholder="用户名"id="user">
                            </label>
                            <label class="logBtext">
                                <i class="logIcon i2"></i>
                                <input type="password" name="password" value=""placeholder="密码"id="password">
                            </label>
                            <label class="logBtext">
                                <input type="text" name="checkbox" value=""placeholder="验证码" class="first">
                                <!--这个地方会生成随机验证码-->
                                <input class="mode"id="code">
                                <a href="javascript:;" class="logBbut">换一张</a>
                            </label>
                            <div id="logShow"></div>
                            <div class="logRnumber"><!--需要判断是否存储账户信息cookie或者本地存储localstorage-->
                                <label> 
                                    <input type="checkbox" checked="ture" id="recall">记住密码
                                </label>
                                <a href="javascript:;"id="forget">忘记密码？</a>
                            </div>
                            <a href="###" id="logBtn">登陆</a>
                        </form>
                        <dl class="logFot">
                            <dt>合作网站账号登录:</dt>
                            <dd>
                                <a href="javascript:;"class="sina"></a> 
                                <a href="javascript:;"class="qq"></a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </section>
        </div>
    </section>
    <footer>
        <!--food部分html-->
        <div class="contentFood">
            <div class="foodAfter">   
                <div class="afterLeft">
                    <ul>
                        <li>
                            <a href="#" class="leftIcon1"></a>
                            <a href="#">100%正品保证</a>
                        </li>
                        <li>
                            <a href="#" class="leftIcon1 ic1"></a>
                            <a href="#">专业在线客服</a>
                        </li>
                        <li>
                            <a href="#" class="leftIcon1 ic2"></a>
                            <a href="#">满99元包邮</a>
                        </li>
                    </ul>
                </div>
                <div class="afterRight">
                    <dl>
                        <dt>新手指南</dt>
                        <dd>新会员注册</dd>
                        <dd>购物演示</dd>
                        <dd>常见问题</dd>
                    </dl>
                    <dl>
                        <dt>付款方式</dt>
                        <dd>银行卡支付</dd>
                        <dd>支付宝支付</dd>
                        <dd>余额支付</dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd>退换货政策</dd>
                        <dd>退换货流程</dd>
                        <dd>退款流程</dd>
                        <dd>发票说明</dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd>贵宾专区</dd>
                        <dd>在线客服</dd>
                    </dl>
                    <dl>
                        <dt>尚生活生活家</dt>
                        <dd>
                            <img src="../images/qnh_dingyue.jpg" alt="尚生活生活家">
                        </dd>
                    </dl>
                    <dl>
                        <dt>尚生活服务号</dt>
                        <dd>
                            <img src="../images/qnh_fuwu.jpg" alt="尚生活服务号">
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
        <!--关于html-->
        <div class="foodAbout">
            <div class="aboutMai">
                <ul>
                    <li class="aboutFistli"><a href="../html/qiyejieshaolgj.html">关于尚生活</a></li>
                <li><a href="#">INVESTOR RELATIONS</a></li>
                <li><a href="../html/lianxiwomen-lgj8.html">联系我们</a></li>
                <li><a href="../html/fuwutixilgj3.html">服务中心</a></li>
                <li><a href="../html/jiaruwomen-lgj7.html">加入我们</a></li>
                </ul>
                <p>
                    <a href="#">
                        <img src="../images/qnh_newicon.png" alt="">
                    </a>
                    沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved
                </p>
            </div>
        </div>
        <!--备案号-->
        <div class="p">
            <p class="tail">
                <a href="#">
                    <img src="../images/qnh_xfwqNew.jpg" alt="">
                </a>
                <a href="#">
                    <img src="../images/qnh_evaluate.jpg" alt="">
                </a>
                <a href="#">
                    <img src="../images/qnh_beian.png" alt="">
                    沪公网安备31010402000234号
                </a>
            </p>
        </div>
    </footer>
    <script src="../js/validate/jquery-1.12.4.min.js"></script>
	<script src="../js/validate/jquery.validate.min.js"></script>
    <!--<script src="../js/qnh.changeerror.js"></script>-->
    <script src="../js/qnh.random.js"></script>
    <script src="../js/qnh.logzhengze.js"></script>
    <script src="../js/qnh.ajax.js"></script>
</body>
</html>